<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发布公告</title>
    <link rel="stylesheet" href="../css/reset.css" type="text/css">
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/Issue-notice.css" type="text/css">
    <link rel="stylesheet" href="../fonts/font-awesome-4.7.0/css/font-awesome.css">
    <script type="text/javascript" src="../util/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="../js/Issue-notice.js"></script>
    <script type="text/javascript" src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
    </style>
</head>
<body>
    <nav>
        <div class="nav-title">发布公告</div>
    </nav>
    <div class="section">
        <div class="headline fl">
            <div class="title" style="margin-top: 0">
                <label for="notice-title">公告标题：</label>
                <input type="text" id="notice-title" maxlength="12"><span>(12个字符以内)</span>
            </div>
            <div class="time">
                <label for="notice-time">发布时间：</label>
                <input type="date" id="notice-time">
            </div>
            <div class="type">
                <label for="notice-type">公告类型：</label>
                <select name="" id="notice-type">
                    <option value="全体通知">全体通知</option>
                    <option value="行政公告">行政公告</option>
                    <option value="宣传公告">宣传公告</option>
                    <option value="部门公告">部门公告</option>
                </select>
            </div>
            <div class="department">
                <label for="branch-choose">发布部门：</label>
                <select name="" id="branch-choose">
                    <option value="行政处">行政处</option>
                    <option value="教务部">教务部</option>
                    <option value="后勤部">后勤部</option>
                    <option value="保卫部">保卫部</option>
                    <option value="宣传部">宣传部</option>
                    <option value="保育部">保育部</option>
                    <option value="伙食部">伙食部</option>
                </select>
            </div>
        </div>
        <div class="main-part fl">
            <label for="main-content">正文：</label>
            <p id="main-content" class="main-content" contenteditable="true" style="margin-top: 0;"></p>
            <p>已输入 <span class="already-text">0</span> 字，还可输入 <span class="can-text">200</span> 字</p>
            <button class="btn btn-default clear" id="clear">清空</button>
            <button class="btn btn-default confirm" id="confirm">发表</button>
        </div>
        <div class="clearFix"></div>
    </div>


    <div class="modal fade" id="myModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">提示</h4>
                </div>
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script>

</script>
</html>